<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>添加商品到购物车</title>
        <style>
            type="text/css"
            /* body { text-align: center; } */
            .err > span {
                color: red;
            }
            .products {
                width: 1300px;
                display: flex;
                margin: 50px auto;
            }
            .picture {
                width: 600px;
                height: 600px;
            }
            .title {
                font-size: 28px;
            }
            .canshu {
                margin: 20px;
                width: 600px;
            }
            .canshu > p {
                margin: 30px 0;
            }
            button {
                width: 224px;
                height: 66px;
                background-color: #f34141;
                color: white;
                border-radius: 66px;
                border: none;
                cursor: pointer;
                font-size: 18px;
            }
            .btn {
                text-align: center;
            }
            .index{
				text-decoration: none;
				font-size: 20px;
				color: black;
				background-color: rgb(102,174,255);
				padding: 10px 15px;
				border-radius:10px ;
				border: none;
			}
			.index:hover{
				background-color: rgba(102,174,255,0.6);
			}
            .orange {
                color: orange;
            }
            .price {
                width: 600px;
                height: 80px;
                background-color: #f34141;
                margin: 20px;
                color: white;
                border-radius: 10px;
                padding-top: 20px;
                padding-left: 20px;
            }
            .yd {
                font-size: 16px;
            }
            .jiage {
                font-size: 28px;
            }
            .time {
                float: right;
                padding-right: 30px;
                font-size: 20px;
            }
        </style>
    </head>
    <body>
        <form action="/good/add2" method="post">
            <div class="products">
                <div>
                    <video width="600px" height="600px" controls="controls" autoplay="autoplay" muted="true">
                    <source src="/img/findx3.mp4" type="video/mp4"> </source>
                </video>
                <img src="/img/findx3.png" class="picture"/>
                
            </div>
            <div class="jieshao">
                <div class="title">
                    OPPO Find X3 Pro 镜黑 8G+256G
                </div>
                <div class="canshu">
                    <p class="orange">【OPPO官方商城 | 10.20-11.13全程价保，买贵退差 | 预定专享15W无线充电器，银金钻卡会员购机额外送OPPO移动电源】11月1日起按预定先后顺序陆续发货。</p>
                    <p>①【旗舰影像】双5000W像素主摄；</p>
                    <p>②【超级闪充】65W超级闪充+30W无线快充；</p>
                    <p>③【臻彩屏幕】10亿色臻彩屏幕搭配120Hz动态帧率。</p>
                    <p>以旧换新最高额外补贴3580元 >>></p>
                    <p class="orange">以旧换新最高额外补贴3580元>></p>
                </div>
                <div>
                    <input type="hidden" name="goodname" value="OPPO Find X3 Pro " readonly="readonly"/>
                </div>
                <div>
                    <input type="hidden" name="price" value="4499" readonly="readonly"/>
                </div>
                <div class="price">
                    <span class="yd">
                        预定到手价
                    </span>
                    <span class="time">
                        距活动结束：3天
                    </span>
                    <br/>
                    <span class="yd">
                        ¥
                    </span>
                    <span class="jiage">
                        4499
                    </span>
                </div>
                <div class="btn">
                    <button type="submit">加入购物车</button>
                </div>
                <p>
                    <a href="/user/index" class="index">返回首页</a>
                </p>
            </div>
        </form>
    </body>
</html></div></body></html>